
.qstBlock{
    margin: 24rpx;
    border-radius: 14rpx;
    padding: 24rpx;
    box-shadow: 0rpx 6rpx 16rpx 0rpx rgba(239, 241, 240, 0.3);
    background: white;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 101;
    .avatar{
        width: 80rpx;
        height: 80rpx;
        margin-right: 15rpx;
    }
    .ifnobox{
        flex: 1;
        .naminfo{
            flex: 1;
            .name{
                font-size: 26rpx;
                font-weight: 500;
            }
            .mobile{
                font-size: 22rpx;
                color: #888;
            }
        }
        .time{
            font-size: 22rpx;
            color: #999;
        }
    }
    .qsttt{
        font-size: 26rpx;
        color: #333;
        font-weight: 600;
        margin: 14rpx 0;
    }
    .qsdesc{
        font-size: 24rpx;
        color: #666;
    }
    .more{
        margin-top: 20rpx;
        font-size: 24rpx;
        color: #0ca2fa;
    }
}



.seltime{
    padding: 34rpx;
    .item{
        display: flex;
        +.item{
            margin-top: 20rpx;
        }
        .tag{
            font-size: 22rpx;
            color: #0ca2fa;
            padding: 0 10rpx;
            height: 40rpx;
            line-height: 40rpx;
            border: 1px solid #0ca2fa;
            border-radius: 12rpx;
            margin-right: 20rpx;
        }
        .tag2{
            color: #1ec2ef;
            border: 1px solid #1ec2ef;
        }
        .tag3{
            color: #f2a532;
            border: 1px solid #f2a532;
        }
        .context{
            color: #666;
        }
        .imglist{
            flex-wrap: wrap;
            display: flex;
            align-items: center;
            .img{
                width: 100rpx;
                height: 100rpx;
                margin: 0 10rpx 10rpx 0;
                border-radius: 10rpx;
            }
        }
    }
}



.chatlist {
    padding: 0 26rpx 200rpx 26rpx;
    .seemore {
        color: #999;
        text-align: center;
        margin-top: 20rpx;
        font-size: 26rpx;
        &.active {
            color: #3769b4;
        }
    }
    .chatitem {
        margin-top: 40rpx;
        display: flex;
        .avatar {
            width: 70rpx;
            height: 70rpx;
            border-radius: 6rpx;
            margin-right: 20rpx;
        }
        .chatcontent {
            position: relative;
            .uname {
                color: #999;
                font-size: 22rpx;
            }
            .chatcon {
                margin-top: 12rpx;
                border-radius: 12rpx;
                background: white;
                width: max-content;
                max-width: 500rpx;
                padding: 15rpx 22rpx;
                color: #231816;
                font-size: 28rpx;
                word-break: break-all;
                line-height: 34rpx;
            }
            .userchat {
                background: #ffe8c7;
            }
            .chatpic {
                margin-top: 12rpx;
                min-width: 150rpx;
                max-width: 400rpx;
                max-height: 600rpx;
                border-radius: 12rpx;
            }
            .fromicon {
                width: 20rpx;
                height: 20rpx;
                border-radius: 2px;
                background: white;
                position: absolute;
                top: 50rpx;
                left: -10rpx;
                transform: rotateZ(45deg);
            }
            .userchaticon{
                background: #ffe8c7;
            }
        }
    }
    .self {
        justify-content: flex-end;
        .avatar {
            width: 70rpx;
            height: 70rpx;
            border-radius: 6rpx;
            margin-left: 20rpx;
        }
        .chatcontent {
            .uname {
                text-align: right;
            }
            .chatcon {
                float: right;
                background: #c5ebfe;
            }
            .fromicon {
                width: 20rpx;
                height: 20rpx;
                border-radius: 2px;
                background: #c5ebfe;
                position: absolute;
                top: 50rpx;
                right: -10rpx;
                left: auto;
                transform: rotateZ(45deg);
            }
        }
    }
}

.fixinput {
    position: fixed;
    bottom: 0;
    padding: 20rpx 26rpx;
    background: white;
    left: 0;
    right: 0;
    .iiibox {
        input {
            background: #f5f5f5;
            border-radius: 12rpx;
            padding: 0rpx 20rpx;
            flex: 1;
            border: 1px solid #e9e9e9;
            height: 60rpx;
            line-height: 60rpx;
        }
        .addicon {
            width: 50rpx;
            height: 50rpx;
            margin-left: 30rpx;
        }
        .subbtn {
            margin-left: 30rpx;
            border-radius: 6rpx;
            color: white;
            font-size: 24rpx;
            padding: 10rpx 15rpx;
            background: #10d641;
        }
    }
}
